@charset "utf-8";
/*====================== 初始化 ====================*/
body { /*font-family: "Microsoft YaHei", "微软雅黑";*/ font:12px/22px; font-family:'Microsoft YaHei', '微软雅黑';/* background:#f0f0f0;*/ width:100%; }
body,ul,ol,li,p,span,i,strong,a,h1,h2,h3,h4,h5,h6,form,table,td,img,div,form,label,dl,dt,dd{margin:0;padding:0;border:0;}
ul,ol{ list-style:none;}
table { border-collapse:collapse; border-spacing:0;}
a{ text-decoration:none; color:#000;}
input,button,select,textarea{outline:none; border:none}
.width1200{ margin:0 auto; width:1200px; min-width:1000px;}
.matter_new h1{font-size:22px;}
.matter_content{ overflow:hidden}
.matter_content h3{ text-align:center; font-size:36px; color:#444343; font-weight:normal; height:150px; line-height:150px;}
.matter_content h1{ text-align:center; font-size:36px; color:#444343; font-weight:normal; height:150px; line-height:150px;}
.matter_content img{ max-width:100%; margin:20px 0;}
.matter_content p{ line-height:30px !important; margin:25px 0 !important; font-size:18px !important; font-family:'Microsoft YaHei', '微软雅黑','宋体' !important; font-weight:normal !important; color:#444 !important; }
/*====================== 智能家居 ====================*/
.furnishing{ width:100%; height:100%; background:#FFF url(../images/jjbj.jpg) no-repeat center / cover; overflow:hidden; position:relative; z-index:3;}
.furnishing_animation{ height:100%; position:relative;}
.furnishing_animation div{ height:100px; width:100px; border-radius:50%; position:relative;}
.furnishing_animation div span{display:inline-block;
 transform:scale(0);
 -moz-transform:scale(0);
 -ms-transform:scale(0);
 -o-transform:scale(0);
 -webkit-transform:scale(0);}
.furnishing_animation div span:nth-child(1){ height:100px; width:100px;  position:absolute; top:0; left:0; background:url(../images/furnishing_span1.png) no-repeat center;}
.furnishing_animation div span:nth-child(2){ height:80px; width:80px; position:absolute; top:10px; left:10px;background:url(../images/furnishing_span2.png) no-repeat center;}
.furnishing_animation div span:nth-child(3){ height:60px; width:60px; position:absolute; top:20px; left:20px;background:url(../images/furnishing_span3.png) no-repeat center;}
.furnishing_animation div.furnishing_animation1{ position:absolute; top:750px; left:-100px;}
.furnishing_animation div.furnishing_animation2{ position:absolute; top:550px; left:450px;}
.furnishing_animation div.furnishing_animation3{ position:absolute; top:550px; right:-290px;}
.furnishing_animation .furnishing_mobile{ width:384px; height:523px; position:relative; background:url(../images/furn_2.png) no-repeat center; border-radius:0; position:absolute;
 right:60px; bottom:0;}
.furnishing_mobile div{width:384px; height:523px; position:relative; border-radius:0;}
.furnishing_mobile p:nth-child(1){ height:309px; width:181px; /*background:url(../images/furn_1.gif) no-repeat center;*/ position:absolute; bottom:114px; left:87px; z-index:1;}
.furnishing_mobile p:nth-child(2){ height:229px; width:120px; background:url(../images/furn_3.png) no-repeat center; position:absolute; bottom:49px; left:17px; z-index:2}
.furnishing_mobile p:nth-child(3){ height:229px; width:136px; background:url(../images/furn_4.png) no-repeat center; position:absolute; bottom:256px; left:143px;}
.furnishing_mobile p img{ height:309px; width:181px;}
/*====================== 首页 ====================*/
.header{ height:90px; line-height:90px; /*overflow:hidden*/ position:fixed; top:0; left:0; right:0; background:rgba(255,255,255,0.9); z-index:6;}
.header h1 a{ display:block; height:29px; width:86px; background:url(../images/spirit.png) no-repeat left -85px; float:left; margin-top:30px;}
.header ul{ float:right;}
.header ul li{ float:left; font-size:16px; display:block; /*padding:0 30px;*/ width:120px; text-align:center; position:relative}
.header ul li a{color:#272727; display:block; width:100%;
 transition:all 0.5s;
 -moz-transition:all 0.5s;
 -ms-transition:all 0.5s;
 -o-transition:all 0.5s;
 -webkit-transition:all 0.5s;}
.header ul li:hover a{ color:#009999}
.header ul li:hover ol li a{ color:#FFF;}
.header ul li.active a{ color:#009999}
.header ol{ position:absolute; top:90px; left:30px; z-index:111;
 transform:scale(0);
 -moz-transform:scale(0);
 -ms-transform:scale(0);
 -o-transform:scale(0);
 -webkit-transform:scale(0);
 transform-origin:left center;
 -moz-transform-origin:left center;
 -ms-transform-origin:left center;
 -o-transform-origin:left center;
 -webkit-transform-origin:left center;
 transition:all 0.5s;
 -moz-transition:all 0.5s;
 -ms-transition:all 0.5s;
 -o-transition:all 0.5s;
 -webkit-transition:all 0.5s;}
.header ol li{ height:30px; width:93px; text-align:center; line-height:30px; font-size:16px; float:left; padding:0; background:url(../images/spirit.png) no-repeat -270px -164px;}
.header ol li a{ color:#fff;}
.header ul li.active ol li a{ color:#FFF;}
.header ol li.on{ height:40px; width:93px; background:url(../images/spirit.png) no-repeat -270px -120px; position:relative; top:-10px;}
.header ol li.on a{ display:block; margin-top:10px;}
.header ul li:hover ol{ transform:scale(1);
 -moz-transform:scale(1);
 -ms-transform:scale(1);
 -o-transform:scale(1);
 -webkit-transform:scale(1);}
.banner{ width:100%; top:0; left:0; background:url(../images/banner.jpg) no-repeat center / cover;}
.banner img{ width:100%;}
.relative1200{ width:1200px; height:200px; /*background:red;*/ margin:0 auto; position:relative;}
.banner_video{ height:166px; width:564px; position:absolute; bottom:160px; left:0; background:url(../images/banner_bj1.png) no-repeat center;}
.banner_video span{ display:block; height:100%; width:100%; font-size:34px; color:#FFF; float:left; margin:12px 0 0 10px; width:430px;}
.banner_video:before{ content:""; display:block; height:59px; width:62px; background:url(../images/spirit.png) no-repeat -173px -1px; float:left; margin:20px 10px 0 20px;}
.banner_txt{ width:564px; height:111px; background:url(../images/banner_bj2.png) no-repeat center; position:absolute; bottom:24px; left:0; font-size:14px; color:#FFF; line-height:24px;}
.banner_txt span{ display:inline-block; padding:20px;}
.banner_shop{ height:60px; line-height:60px; width:210px; display:block; background:#faa50a; border-radius:5px; position:absolute; bottom:24px; right:0; font-size:14px; color:#FFF; text-align:center}
.banner_shop:before{ content:""; display:inline-block; height:34px; width:34px; background:url(../images/spirit.png) no-repeat -175px -81px; vertical-align:middle; margin-right:10px;}
.video{ height:470px; width:100%; overflow:hidden; position:relative; text-align:center; z-index:3;}
video,object{ display:inline-block; min-width:100%; min-height:100%;}
.video_mask{ position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,0.5);}
.video_list h3{ font-size:24px; color:#FFF; margin:50px 0 100px 0;}
.video_list ul{ overflow:hidden}
.video_list ul li{ width:25%; float:left; text-align:center; font-size:14px; color:#FFF;}
.video_list ul li b{ font-size:56px;font-weight:400;display:block; margin:20px 0;}
.video_list ul li p{ color:#00feef;}
.video_list ul li span{display:block; height:67px; width:67px; background:url(../images/spirit.png) no-repeat 0 -124px; margin:0 auto;}
.video_list ul li:nth-child(2) span{ width:69px; background:url(../images/spirit.png) no-repeat -67px -124px;}
.video_list ul li:nth-child(3) span{background:url(../images/spirit.png) no-repeat -137px -124px;}
.video_list ul li:nth-child(4) span{ width:60px; background:url(../images/spirit.png) no-repeat -203px -124px;}
.news{ overflow:hidden; padding-top:90px; position:relative; background:#FFF; z-index:4; width:100%;}
.news_left{ width:540px; float:left;}
.news h3{ height:49px; border-bottom:2px solid #dcdcdc;}
/*.news h3:before{ content:""; display:inline-block; width:155px; height:51px; background:url(../images/spirit.png) no-repeat -246px 0px;}*/
.news_right{ width:540px; float:right;}
.news_banner a img{ height:170px; width:100%; border-top-right-radius:50px; border-bottom-left-radius:50px; margin:20px 0 10px 0;}
.news_left ul li{ width:100%; overflow:hidden; line-height:30px;}
.news_left ul li h4{float: left;color: #535252;font-size: 16px;font-weight: 400;}
.news_left ul li a{ display:block; color:#535252; font-size:16px;
 transition:all 0.5s;
 -moz-transition:all 0.5s;
 -ms-transition:all 0.5s;
 -o-transition:all 0.5s;
 -webkit-transition:all 0.5s;}
.news_left ul li a:hover{ color:#40bbb4;}
.news_left ul li:before{ content:""; display:block; float:left; width:7px; height:14px; background:url(../images/spirit.png) no-repeat -373px -145px; margin:9px 5px 0 0;}
.news_left ul li span{ display:block; float:left}
.news_left ul li i{ display:block; float:right; font-style:normal; font-size:14px;color:#7a7a7a;}
.news_right h3:before{background:url(../images/spirit.png) no-repeat -246px -63px;}
.news_right ul{ margin-top:20px;}
.news_right ul li{ margin-top:15px; overflow:hidden;}
.news_right ul li div:nth-child(1){ height:100px; width:100px; background:#40bbb4; border-radius:0 50px 0 50px; text-align:center; float:left}
.news_right ul li span{ display:block; color:#FFF; font-size:18px; margin:0 auto; line-height:33px;}
.news_right ul li span:nth-child(1){ font-size:44px; padding-top:20px;}
.news_right ul li div:nth-child(2){ width:420px; float:right; font-size:14px; color:#7a7a7a; border-bottom:1px solid #e5e5e5; padding-bottom:5px;}
.news_right ul li h4{ font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;}
.news_right ul li i { display:block; margin:6px 0 5px 0; font-style:normal; font-size:14px;}
.news_right ul li a{ color:#7a7a7a; line-height:23px;}
.news_right ul li h4 a:hover{ color:#40bbb4;}
.footer_nav{ width:100%; padding:30px 0 20px 0; overflow:hidden; background:#373737; position:relative;z-index: 4}
.footer_nav ul li{ float:left; margin-right:30px;}
.footer_nav ul li h3{ font-size:14px; color:#e1e1e1; margin-bottom:15px;font-weight:400;}
.footer_nav ul li a{ color:#aeaeae; font-size:12px; display:block; line-height:23px;
 transition:all 0.5s;
 -moz-transition:all 0.5s;
 -ms-transition:all 0.5s;
 -o-transition:all 0.5s;
 -webkit-transition:all 0.5s;}
.footer_nav ul li a:hover{ color:#00feef;}
.footer_nav ul li span{ display:block; float:left; background:#232323; height:26px; line-height:26px; margin:0 5px 5px 0; color:#aeaeae; padding:0 10px;}
.footer_nav ul li:nth-child(2){ width:240px;}
.footer_nav ul li:nth-child(4){ width:320px;}
.footer_nav ul li:nth-child(4) h3{ text-align:center}
.footer_nav ul li:last-child{ margin:0;}
.footer_nav ul li em{ display:block; font-style:normal; color:#aeaeae; font-size:12px; margin-top:15px;}
.footer_nav ul li em:before{ content:""; display:inline-block; width:18px; height:17px; background:url(../images/spirit.png) no-repeat -386px -170px; vertical-align:middle; margin-right:5px;}
.footer_nav ul li em:nth-child(2):before{ width:11px; background:url(../images/spirit.png) no-repeat -372px -170px; margin-right:12px;}
.footer_nav ol{ margin-top:30px;}
.footer_nav ol li{ width:25%; float:left; margin:0; text-align:center; font-size:12px; color:#aeaeae;}
.footer_nav ol li:nth-child(2){ width:25%;}
.footer_nav ol li:nth-child(4){ width:25%;}
.footer_nav ol li p:before{ content:""; display:block; height:40px; width:40px; margin:0 auto; background:url(../images/spirit.png) no-repeat 0px 0px; margin-bottom:5px;
 transition:all 0.5s;
 -moz-transition:all 0.5s;
 -ms-transition:all 0.5s;
 -o-transition:all 0.5s;
 -webkit-transition:all 0.5s;}
.footer_nav ol li:nth-child(2) p:before{ background:url(../images/spirit.png) no-repeat -40px 0px;}
.footer_nav ol li:nth-child(3) p:before{ background:url(../images/spirit.png) no-repeat -80px 0px;}
.footer_nav ol li:nth-child(4) p:before{ background:url(../images/spirit.png) no-repeat -120px 0px;}
.footer_nav ol li:nth-child(1):hover p:before{ background:url(../images/spirit.png) no-repeat 0px -40px;}
.footer_nav ol li:nth-child(2):hover p:before{ background:url(../images/spirit.png) no-repeat -40px -40px;}
.footer_nav ol li:nth-child(3):hover p:before{ background:url(../images/spirit.png) no-repeat -80px -40px;}
.footer_nav ol li:nth-child(4):hover p:before{ background:url(../images/spirit.png) no-repeat -120px -40px;}
.footer_logo{ height:76px; width:100%; background:#232323; position:relative; z-index:4;}
.footer_logo h2 a{ display:block; height:27px; width:76px; background:url(../images/spirit.png) no-repeat -91px -89px; position:relative; top:24px;}
.footer_logo p{ float:right; font-size:12px; color:#aeaeae;margin-top: 30px;}
.footer_logo p span{ display:inline-block; margin-left:20px;}
/*.mitt p span a{ color: #aeaeae ;}*/
/******** banner动画部分 *********/
.banner_animation{ height:700px; width:100%;text-align:center; position:relative; overflow:hidden; background:#FFF; z-index:3}
.banner_animation h3{ color:#424242; font-size:36px; padding:30px 0 10px 0;}
.banner_animation div.product{ color:#009999; font-size:24px; height:24px; line-height:24px; background-image:url(../images/index_pro_03.jpg);background-repeat:no-repeat;background-position:center top; width:200px; position:relative; margin:0 auto;}
.banner_animation div.product span{ display:inline-block; position:absolute; top:-14px; left:42px; width:120px;}
.relative_animation{ height:100%; position:relative;}
.banner_animation .row{ border-radius:50%; background:#40bbb4;position:absolute;
 transition:all 0.5s;
 -moz-transition:all 0.5s;
 -ms-transition:all 0.5s;
 -o-transition:all 0.5s;
 -webkit-transition:all 0.5s;}
.banner_animation .row span{ display:inline-block; width:230px; height:42px; background:url(../images/shaddow.png) no-repeat center; position:relative; top:30px;
 transition:all 0.5s;
 -moz-transition:all 0.5s;
 -ms-transition:all 0.5s;
 -o-transition:all 0.5s;
 -webkit-transition:all 0.5s; opacity:0;}
.banner_animation .row{ z-index:1000;}
.banner_animation .row img{ margin-top:-36px;}
.banner_animation .animation_row1 img{ margin-top:-7px;}
.banner_animation .animation_row2 img{ margin-top:-62px;}
.banner_animation .animation_row3 img{ margin-top:-21px;}
.banner_animation .animation_row4 img{ margin-top:30px;}
.banner_animation .animation_row2 span{ left:10px;}
.banner_animation .animation_row3 span{ left:10px;}
.banner_animation .animation_row4 span{ left:-20px;}
.banner_animation .animation_row1{ height:216px; width:216px; left:0; top:147px;}
.banner_animation .animation_row2{ height:292px; width:292px; left:254px; top:264px;}
.banner_animation .animation_row3{ height:300px; width:300px; left:670px; top:330px;}
.banner_animation .animation_row4{ height:150px; width:150px; top:190px; right:30px;}
.banner_animation .row:hover{
 transform:translateY(-30px);
 -moz-transform:translateY(-30px);
 -ms-transform:translateY(-30px);
 -o-transform:translateY(-30px);
 -webkit-transform:translateY(-30px);}
.banner_animation .row:hover span{ opacity:1;}
.banner_animation i{ display:block; width:49px; height:71px; background:url(../images/didi.png) no-repeat center; position:absolute; opacity:0;}
.banner_animation i.water_1{ left:80px; top:210px;}
.banner_animation i.water_2{ left:380px; top:390px;}
.banner_animation i.water_3{ left:820px; top:440px;}
.banner_animation i.water_4{ right:90px; top:200px;}
.banner_animation b{ display:block; width:238px; height:89px; background:url(../images/di4.png) no-repeat center; position:absolute; opacity:0;}
.banner_animation b.drop_1{ left:0px; top:290px;}
.banner_animation b.drop_2{ left:280px; top:470px;}
.banner_animation b.drop_3{ left:720px; top:490px;}
.banner_animation b.drop_4{ right:-10px; top:260px;}
.ball{ position:absolute; top:0; left:0;}
.ball span{ display:block; border-radius:50%; position:absolute; top:0; left:0; background:rgba(5,176,166,0.16);}
.ball span.ba75,.ball span.ba75_2{ height:75px; width:75px;}
.ball span.ba90,.ball span.ba90_2{ height:90px; width:90px;}
.ball span.ba105,.ball span.ba105_2{ height:105px; width:105px;}
.ball span.ba160{ height:160px; width:160px;}
.ball span.ba190{ height:190px; width:190px;}
.ball span.ba230{ height:230px; width:230px;}
.wave{ width:100%; overflow:hidden; height:165px; position:relative;background-color:#fff;z-index: 4}
.wave img{ position:absolute; left:0; top:0;
 animation:wave 15s linear infinite;
 -moz-animation:wave 15s linear infinite;
 -ms-animation:wave 15s linear infinite;
 -o-animation:wave 15s linear infinite;
 -webkit-animation:wave 15s linear infinite;}
.kongbai{ height:900px; position:relative; top:0; left:0; width:100%;}

/*====================== 企业资讯 ====================*/
.consult_banner img{ width:100%;}
.consult_nav{ text-align:center; width:100%; background:#009999; height:42px; line-height:42px;z-index:3;}
.consult_nav ul{ display:inline-block}
.consult_nav ul li{ float:left; font-size:18px;}
.consult_nav ul li a{ display:block; padding:0 30px; color:#fff;}
.consult_nav ul li.active a{ color:#009999; background:#FFF;}
.con_nav{ overflow:hidden;}
.con_nav a{ color:#333; font-size:12px; display:block; height:60px; line-height:60px; float:left; margin-right:5px;}
.consult_list ul{ overflow:hidden;}
.consult_list ul li{ width:580px; position:relative; float:left;margin-top:25px;}
.consult_list ul li:nth-child(even){ float:right;}
/*分页*/
.consult_list ul.sul{ float:right; margin-bottom:50px;}
.consult_list ul.sul li{ font-size:14px; color:#444343; height:auto; width:auto; float:left}
.consult_list ul.sul li i{ display:inline-block; font-style:normal}
.consult_list ul.sul li input{ display:inline-block; width:45px; height:20px; line-height:20px; border:1px solid #a0a0a0; font-size:14px; color:#666; padding-left:5px; margin-left:3px;}
.consult_list ul.sul li.margin{ margin-right:30px;}

.read ul.sul{ float:right; margin-bottom:50px;}
.read ul.sul li{ font-size:14px; color:#444343; height:auto; width:auto; float:left ;background-color: white}
.read ul.sul li i{ display:inline-block; font-style:normal}
.read ul.sul li input{ display:inline-block; width:45px; height:20px; line-height:20px; border:1px solid #a0a0a0; font-size:14px; color:#666; padding-left:5px; margin-left:3px;}
.read ul.sul li.margin{ margin-right:30px;}
/*分页*/
.consult_div1{background-image:url(../images/newsbg.jpg);background-repeat:no-repeat; overflow:hidden; width:591px; padding:20px 0; height:140px; position:absolute; top:-10px; left:-10px;}
.consult_div1 div{ width:394px; float:left; margin-left:20px;}
.consult_div1 h3{ color:#293841; font-size:16px;font-weight:400px;}
.consult_div1 i{ display:block; font-style:normal; font-size:12px; color:#445b69; margin:10px 0;}
.consult_div1 img{ height:130px; width:150px; float:left;}
.consult_div1 a{ color:#4c606b; font-size:16px; display:block; line-height:23px;}
.consult_div1 p{ color:#4c606b; font-size:14px; display:block; line-height:23px;}
.consult_div2{ width:580px; height:180px;}
.consult_list ol{ overflow:hidden; clear:both; margin-top:30px; float:right}
.consult_list ol li{ float:left; font-size:18px; margin-right:15px;}
.consult_list ol li a{ color:#444343; display:block;}
.consult_list ol li.on a{ background:#009999; padding:0 20px; color:#fff; border-radius:20px;}
.consult_list ol li:last-child{ margin-left:10px;}
.consult_list ol li input[type="text"]{ color:#a0a0a0; height:22px; line-height:22px; border:1px solid #a0a0a0; width:50px; text-align:center; margin:0 10px; display:inline-block;}
.matter{ text-align:center;}
.matter h3{ font-size:22px; color:#333;}
.matter ul{ overflow:hidden; margin:20px 0; font-size:12px; color:#9c9b9b;}
.matter ul li{ width:50%; text-align:center; float:left}
.matter p{ font-size:14px; color:#333; text-align:left; text-indent:2em; line-height:24px; margin-top:10px;}
.matter img{ display:inline-block; max-width:100%; margin:10px 0;}
.bshar{ text-align:left; margin:20px 0;}
/*.read h3{ height:40px; text-align:left; background:#009999; color:#FFF; width:170px; line-height:40px; text-align:center;}*/
.read ul li{ width:290px; height:330px; float:left; text-align:left; background:#f0f1f3; padding-bottom:20px; margin-right:10px; margin-top:15px;}
.read ul li img{ width:100%; height:170px; margin:0;}
.read ul li p{ font-size: 14px;color: #838383;line-height: 23px;padding: 0 10px;text-indent: 0;}
.read ul li i{ font-style:normal; height:20px; line-height:20px; width:80px; text-align:center; display:block; background:#96d4d4; font-size:12px; color:#FFF; margin:10px 0 5px 10px;}
.read ul li a{ font-size:14px;  color:#838383; line-height:23px;display:block;}
.read ul li h3 {  color: #293841;font-size: 16px;margin-top: 10px;padding: 0 10px;}
.read ul li h4 {font-size: 14px;color: #838383;line-height: 23px;padding: 0 10px;text-indent: 0;margin-top: 10px;font-weight:400;}

/*====================== 关于我们 ====================*/
.company{ display:none}
.company2{ display:block;}
.about:after{ content:""; display:block; clear:both; overflow:hidden;}
.about_left{ width:600px; float:left; float:left}
.about_left img{ position:relative; left:-366px;}
.about_right{ width:600px; height:600px; float:right; text-align:center; /*overflow:hidden;*/}
.about_right ol{ display:inline-block}
.about_right ol li{ float:left; width:140px; border:1px solid #293841; text-align:center; color:#293841; font-size:14px; height:40px; line-height:40px; margin-right:10px; cursor:pointer;
 transition:all 0.5s;
 -moz-transition:all 0.5s;
 -ms-transition:all 0.5s;
 -o-transition:all 0.5s;
 -webkit-transition:all 0.5s;}
.about_right ol li.active{ background:#293841; color:#00feef;}
.about_right ol li:hover{ background:#293841; color:#00feef;}
.company_div1{ width:570px; height:480px; position:relative; left:20px; top:30px;}
.company_div1 div{ padding:10px 0; background:#009999; color:#FFF; width:280px; margin:0 auto; position:absolute; left:145px; z-index:2;}
.company_div1 div:nth-child(1){top:0;}
.company_div1 div:nth-child(2){ top:140px;}
.company_div1 div:nth-child(3){ top:300px; border-radius:20px;}
.company_div1 div:nth-child(4){ left:0; top:410px; width:200px;}
.company_div1 div:nth-child(5){ left:220px; top:410px; width:200px;}
.company_div1 div:nth-child(6){ left:440px; top:410px; width:200px;}
.company_div1 strong{ display:block; font-size:14px;}
.company_div1 i{ display:block;background:#009999; position:absolute; }
.company_div1 i:nth-child(7){ height:410px; width:1px; left:285px; top:0;}
.company_div1 i:nth-child(8){ height:1px; width:463px; top:320px; left:80px;}
.company_div1 i:nth-child(9){ height:90px; width:1px; left:80px; top:320px;}
.company_div1 i:nth-child(10){ height:90px; width:1px; left:542px; top:320px;}

.live{ width:412px; height:412px; position:relative; margin:20px auto;}
.live>div{ position:absolute; border-radius:50%;
 transition:all 0.5s;
 -moz-transition:all 0.5s;
 -ms-transition:all 0.5s;
 -o-transition:all 0.5s;
 -webkit-transition:all 0.5s; overflow:hidden}
.live>div:nth-child(1){ width:412px; height:412px; background:url(../images/in_1.png) no-repeat center; top:0; left:0; z-index:1;}
.live>div:nth-child(2){ width:344px; height:344px; background:url(../images/in_2.png) no-repeat center; left:34px; top:34px; z-index:2}
.live>div:nth-child(3){ width:286px; height:286px; background:url(../images/in_3.png) no-repeat center; left:63px; top:63px; z-index:3}
.live>div:nth-child(4){ width:236px; height:236px; background:url(../images/in_4.png) no-repeat center; left:88px; top:88px; z-index:4}
.live>div:nth-child(5){ width:178px; height:178px; background:#009999; left:117px; top:117px; border-radius:50%;text-align:center; box-shadow:0 0 10px #009999; z-index:5;}
.live h3{ font-size:28px; color:#FFF; margin:55px 0 0 0px;
 transition:all 0.5s;
 -moz-transition:all 0.5s;
 -ms-transition:all 0.5s;
 -o-transition:all 0.5s;
 -webkit-transition:all 0.5s;}
.live p{ font-size:18px; color:#FFF; margin:5px 0 0 0px;
 transition:all 0.5s;
 -moz-transition:all 0.5s;
 -ms-transition:all 0.5s;
 -o-transition:all 0.5s;
 -webkit-transition:all 0.5s;}
.live div.scale{
 transform:scale(1.1) rotate(360deg);
 -moz-transform:scale(1.1) rotate(360deg);
 -ms-transform:scale(1.1) rotate(360deg);
 -o-transform:scale(1.1) rotate(360deg);
 -webkit-transform:scale(1.1) rotate(360deg);}
.live div.live_show{ height:178px; width:178px; position:absolute; top:0; left:0; background:#009999;}
.live span{ display:block; line-height:178px; font-size:30px; color:#FFF;}
.live_txt{ width:412px; margin:0 auto; line-height:22px; font-size:14px; color:#464646;}
.company_div2:before{ content:""; display:block; width:313px; height:45px; background:url(../images/coperation.png) no-repeat center; margin:60px auto 0;}
.company_div2 h3{ color:#FFF; font-size:28px; height:48px; line-height:48px; width:500px; text-align:center; background:#009999; margin:40px auto;font-weight:400;}
.company_div2 p{ color:#464646; font-size:18px; margin-top:20px; line-height:23px;}
.brief{ clear:both;}
.brie h3{ width:279px; height:47px; line-height:47px; background:url(../images/sprite2.png) no-repeat 0 -258px; text-align:center; margin:30px auto; color:#00feef; font-size:20px; letter-spacing:10px;font-weight:400;}
.brief p{ color:#535353; font-size:18px; line-height:30px; text-indent:2em;}
.superiority{ background:#009999; padding:40px 0; margin:40px 0; overflow:hidden}
.superiority ul:before{ content:""; display:block; height:45px; width:121px; background:url(../images/sprite2.png) no-repeat -256px -100px; margin:0 auto 30px;}
.superiority ul li{ width:25%; text-align:center; float:left;}
.superiority ul li h4{ font-size:22px; color:#fff;font-weight:400;}
.superiority ul li p{ font-size:14px; color:#a4e9e9; width:200px; margin:0 auto; line-height:25px;}
.superiority ul li:before{ content:""; display:block; height:85px; width:87px; background:url(../images/sprite2.png) no-repeat -32px 0; margin:0 auto; margin-bottom:30px;}
.superiority ul li:nth-child(2):before{ content:""; display:block; height:85px; width:87px; background:url(../images/sprite2.png) no-repeat -119px 0; margin:0 auto; margin-bottom:30px;}
.superiority ul li:nth-child(3):before{ content:""; display:block; height:85px; width:87px; background:url(../images/sprite2.png) no-repeat -205px 0; margin:0 auto; margin-bottom:30px;}
.superiority ul li:nth-child(4):before{ content:""; display:block; height:85px; width:87px; background:url(../images/sprite2.png) no-repeat -293px 0; margin:0 auto; margin-bottom:30px;}
.superiority ul li h4:after{ content:""; display:block; height:4px; width:53px; background:url(../images/sprite2.png) no-repeat -324px -301px; margin:20px auto 30px;}
.we_left{ width:420px; float:left;color:#535353;}
.we_left h3{ height:40px; width:190px; background:#293841; text-align:center; line-height:40px; color:#00feef;
 font-size:20px; letter-spacing:10px;font-weight:400;}
.we_left p{ font-size:24px; margin:40px 0;}
.we_left ul li{ font-size:18px; margin-top:30px;}
.we_left ul li:before{ content:""; display:inline-block; width:20px; height:28px;background:url(../images/sprite2.png) no-repeat 0 0; vertical-align:middle; margin-right:10px;}
.we_left ul li:nth-child(2):before{background:url(../images/sprite2.png) no-repeat 0 -28px; }
.we_left ul li:nth-child(3):before{background:url(../images/sprite2.png) no-repeat 0 -56px; }
.we_left ul li:nth-child(4):before{background:url(../images/sprite2.png) no-repeat 0 -83px; position:relative; top:-4px;}
.we_right{width:720px; float:right; position:relative;}
.we_right_div h3{ height:118px; width:279px; background:url(../images/sprite2.png) no-repeat 0 -132px; position:relative;}
.we_right ul li{ margin-top:30px; overflow:hidden;}
.we_right ul li input{ display:block; height:40px; line-height:40px; border:2px solid #47555d; border-radius:5px; width:480px; padding-left:20px; color:#6c777e;
 font-size:18px; float:left; background:rgba(0,0,0,0);}
.we_right ul li textarea{ width:480px; padding:10px; border:2px solid #47555d; font-size:18px; color:#6c777e; border-radius:5px; background:rgba(0,0,0,0);}
.we_right ul li:nth-child(1) input{ width:216px;}
.we_right ul li:nth-child(1) input:last-child{ margin-left:20px;}
.we_right_img{ width:720px; float:left;background-color:#b8cccc;}
.we_right_div{ position:absolute; top:30px; left:100px;}
.we_right_div .submit{width:223px;
 height:55px;
 background-color:#293841;
 font-size:18px;
 color:#b8cccc;
 cursor:pointer;
 padding-left:0;
 border: 2px solid #47555d;
 border-radius: 5px;
 margin-top: 30px;
 Word-spacing:30px;
}
.wave_we{ width:100%;height:165px; position:relative;}
.wave_we img{ position:absolute; left:0; bottom:-500px;
 animation:wave 15s linear infinite;
 -moz-animation:wave 15s linear infinite;
 -ms-animation:wave 15s linear infinite;
 -o-animation:wave 15s linear infinite;
 -webkit-animation:wave 15s linear infinite;}
.patent{ color:#293841; font-size:12px; line-height:23px;}
.patent h3{ height:48px; line-height:48px; width:380px; border:2px solid #293841; font-size:18px; color:#293841;
 margin:100px auto 0;}
.we_right_div h3:before{ content:""; display:block; height:20px; width:40px; background:#BDCFCF; position:absolute; right:0; top:0;}
.patent ul li{ width:50%; text-align:center; float:left;}
.patent ul li div{height:168px; width:171px; overflow:hidden; margin:0 auto; position:relative}
.patent ul li div p{height:168px; width:171px; transition:all 0.5s; margin:0 auto; position:absolute; top:0; left:0;}
.patent ul li div p:nth-child(1){ background:url(../images/s1.png) no-repeat 0 0;}
.patent ul li div p:nth-child(2){ background:url(../images/s2.png) no-repeat 0 0;
 transform:scale(3);
 -moz-transform:scale(3);
 -ms-transform:scale(3);
 -o-transform:scale(3);
 -webkit-transform:scale(3);
 opacity:0;}
.patent ul li div:hover p:nth-child(1){
 transform:scale(0);
 -moz-transform:scale(0);
 -ms-transform:scale(0);
 -o-transform:scale(0);
 -webkit-transform:scale(0);
}
.patent ul li div:hover p:nth-child(2){
 transform:scale(1);
 -moz-transform:scale(1);
 -ms-transform:scale(1);
 -o-transform:scale(1);
 -webkit-transform:scale(1);
 opacity:1;}

.patent ul li:nth-child(2) div p:nth-child(1){ background:url(../images/s1.png) no-repeat -171px 0px;}
.patent ul li:nth-child(2) div p:nth-child(2){ background:url(../images/s2.png) no-repeat -171px 0px; opacity:0;
 transform:scale(3);
 -moz-transform:scale(3);
 -ms-transform:scale(3);
 -o-transform:scale(3);
 -webkit-transform:scale(3);}
.patent ul li:nth-child(2) div:hover p:nth-child(1){
 transform:scale(0);
 -moz-transform:scale(0);
 -ms-transform:scale(0);
 -o-transform:scale(0);
 -webkit-transform:scale(0);}
.patent ul li:nth-child(2) div:hover p:nth-child(2){
 transform:scale(1);
 -moz-transform:scale(1);
 -ms-transform:scale(1);
 -o-transform:scale(1);
 -webkit-transform:scale(1);
 opacity:1;}
.patent ul li span{ display:block; font-size:14px; color:#293841; width:50%; margin:20px auto 0;}
.patent ul li i{ font-style:normal; color:#009999; font-size:16px;}
.patent p{ font-size:12px; color:#293841; width:50%; margin:60px auto;}
.patent ul li div.scale{ background:url(../images/s2.png) no-repeat 0 0px;}
.patent ul li:nth-child(2) div.scale{background:url(../images/s2.png) no-repeat -171px 0px;}
.invent{ overflow:hidden; margin-top:30px;}
.invent ul li{ float:left; width:50%; text-align:center; margin-top:20px;}
.honour{ width:552px; height:325px; background:url(../images/honour.png) no-repeat center; position:relative; top:170px; left:110px;}
.honour p{ font-size:16px; color:#293841; width:156px; position:absolute;top:340px;}
.honour p:nth-child(1){ top:150px; left:200px;}
.honour p:nth-child(2){ left:0px;}
.honour p:nth-child(3){ left:410px;}
.shade{ background:#009999; padding:20px 0; margin:40px 0; height:572px;}
.shade_relative{ height:572px; position:relative;}
.shade ul li{ float:left; position:absolute; text-align:center; transition:all 0.5s; overflow:hidden;}
.shade ul li:nth-child(1){ top:0; left:0; width:195px; height:325px;}
.shade ul li:nth-child(2){ top:329px; left:0; width:195px; height:243px;}
.shade ul li:nth-child(3){ top:0px; left:199px; width:456px; height:302px;}
.shade ul li:nth-child(4){ top:306px; left:199px; width:456px; height:266px;}
.shade ul li:nth-child(5){ top:0px; left:659px; width:237px; height:319px;}
.shade ul li:nth-child(6){ height:249px; width:237px; background:#01c7c7; bottom:0; left:659px;}
.shade ul li:nth-child(7){ top:231px; right:0; width:300px; height:227px;}
.shade ul li:nth-child(8){ top:0px; right:0; width:300px; height:226px;}
.shade ul li:nth-child(9){ bottom:0px; right:173px; width:127px; height:111px;}
.shade ul li:nth-child(10){ bottom:0px; right:0; width:169px; height:111px;}
.shade ul li div{ position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(1,24,24,0.7);
 transition:all 0.5s;
 -moz-transition:all 0.5s;
 -ms-transition:all 0.5s;
 -o-transition:all 0.5s;
 -webkit-transition:all 0.5s;}
.shade ul li p{ font-size:14px; color:#02cccc;}
.shade ul li p:nth-child(1){ position:absolute; bottom:30px; left:10px;}
.shade ul li p:nth-child(2){ position:absolute; bottom:10px; left:10px;}
.shade ul li span{ display:block; font-size:20px; color:#FFF; line-height:30px;}
.shade ul li span:nth-child(1){ margin-top:100px;}
.shade ul li div:nth-child(3){
 transform:translate(0,-100%);
 -moz-transform:translate(0,-100%);
 -ms-transform:translate(0,-100%);
 -o-transform:translate(0,-100%);
 -webkit-transform:translate(0,-100%);
 opacity:0;
 transition:all 0.5s ease-in 0.2s;
 -moz-transition:all 0.5s ease-in 0.2s;
 -ms-transition:all 0.5s ease-in 0.2s;
 -o-transition:all 0.5s ease-in 0.2s;
 -webkit-transition:all 0.5s ease-in 0.2s;}
.shade ul li em{ display:block; height:92px; width:92px; background:url(../images/iconFnd.jpg) no-repeat center; position:absolute; top:50%; left:50%; margin:-46px 0 0 -46px;}
.shade ul li:hover div:nth-child(2){
 transform:scale(2);
 -moz-transform:scale(2);
 -ms-transform:scale(2);
 -o-transform:scale(2);
 -webkit-transform:scale(2);
 opacity:0;}
.shade ul li:hover div:nth-child(3){
 transform:translate(0,0);
 -moz-transform:translate(0,0);
 -ms-transform:translate(0,0);
 -o-transform:translate(0,0);
 -webkit-transform:translate(0,0);
 opacity:1;}
.honour-list{ overflow:hidden;}
.honour-list ul{ margin-top:60px;}
.honour-list ul li{ width:30%; text-align:center; float:left; margin-right:5%;}
.honour-list ul li:last-child{ margin:0;}
.honour-list ul li img{ width:100%;}
.propose{ text-align:center; overflow:hidden; margin:80px auto 0;}
.propose h3{ width:208px; height:59px; background:url(../images/product.png) no-repeat center; margin:0 auto;}
.propose ol{ overflow:hidden; display:inline-block; margin:50px 0 40px;}
.propose ol li{ float:left; font-size:16px; color:#023242; height:40px; line-height:40px; margin-right:20px; padding:0 15px; cursor:pointer;}
.propose ol li.active{ background:#40bbb4; color:#fff;}
.propose_div{ display:none}
.propose_div2{ display:block}
.propose_div ul li{ float:left; width:33.333%;
 transition:all 0.5s;
 -moz-transition:all 0.5s;
 -ms-transition:all 0.5s;
 -o-transition:all 0.5s;
 -webkit-transition:all 0.5s;}
.propose_div ul li img{ width:100%; display:block; transform:scale(0); opacity:0;
 transition:all 0.5s ease-in 0.4s;
 -moz-transition:all 0.5s ease-in 0.4s;
 -ms-transition:all 0.5s ease-in 0.4s;
 -o-transition:all 0.5s ease-in 0.4s;
 -webkit-transition:all 0.5s ease-in 0.4s;}
.propose_div2 ul li.scale img{ transform:scale(1); opacity:1;
 transition:all 0.5s ease-in 1.4s;
 -moz-transition:all 0.5s ease-in 0.4s;
 -ms-transition:all 0.5s ease-in 0.4s;
 -o-transition:all 0.5s ease-in 0.4s;
 -webkit-transition:all 0.5s ease-in 0.4s;}

/*.pagination{float: right;margin: 20px auto;}*/
/*.pagination li{float:left;margin:auto 10px;}*/
/*.pagination li a{color:#949494}*/
/*.pagination li a:hover{color:#000}*/
.pagination{float: right;margin: 20px auto;}
/* 分页的样式  */
.pagination {
 display: inline-block;
 padding-left: 0;
 margin: 20px 0;
 border-radius: 4px;
}

.pagination > li {
 display: inline;
}

.pagination > li > a,
.pagination > li > span {
 position: relative;
 float: left;
 padding: 6px 12px;
 margin-left: -1px;
 line-height: 1.428571429;
 text-decoration: none;
 background-color: #ffffff;
 border: 1px solid #dddddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
 margin-left: 0;
 border-bottom-left-radius: 4px;
 border-top-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
 border-top-right-radius: 4px;
 border-bottom-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
 background-color: #eeeeee;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
 z-index: 2;
 color: #ffffff;
 cursor: default;
 background-color: #009999;
 border-color: #009999;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
 color: #999999;
 cursor: not-allowed;
 background-color: #ffffff;
 border-color: #dddddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
 padding: 10px 16px;
 font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
 border-bottom-left-radius: 6px;
 border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
 border-top-right-radius: 6px;
 border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
 padding: 5px 10px;
 font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
 border-bottom-left-radius: 3px;
 border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
 border-top-right-radius: 3px;
 border-bottom-right-radius: 3px;
}
/*分页结束*/

/*====================== B138 begin ====================*/
.banner138{width:100%;}
.banner138>img{width:100%;}
.icon138bg{background-color:#2d2d2d;
 margin-top:-5px;
 width:100%;
 height:205px;
 box-shadow:0 2px 2px rgba(0,0,0,0.35);}
.inner{width:1200px;
 margin:0 auto;}
.icon138bg>.inner{

 padding-top:44px;
}
.bread>.inner{margin-top:25px;font-size:12px;height:120px;}
.button138{margin:0 auto;
 width:100px;
 height:100px;}
.propo{width:100%;
 height:460px;
 background-color:#eeeeee;

}
.propo>.inner{position:relative;}
.left_text{width:10px;
 height:414px;
 display:inline;
 padding-top:24px;}
.left_rolling{width:580px;
 height:390px;
 display:inline;
 padding-left:90px;}
.right_pic{width:480px;height:500px;position:absolute;top:105px;right:0;}
.button138_2{margin:0 auto;
 width:100px;
 height:100px;
 padding-top:180px;}
.fresh_title{
 width:363px;
 margin:0 auto;
 padding-top:88px;
}
.fresh_cont{
 height:487px;
 padding-top:75px;
 padding-bottom:62px;}
.filter138{
 background-color:#e8e8e8;
 height:162px;
 margin-bottom:76px;
}
.prod{
 height:294px;
 padding-top:60px;
}
.pro{
 font-size:36px;
 color:#2d2d2d;
 text-align:center;
 font-weight:300;
 line-height:60px;
}
.grey{height:4px;
 width:140px;
 background-color:#cbcccc;
 margin:0 auto;}
.para{height:200px;
 background-image:url(../images/B138probg_33.jpg);
 margin-top:42px;
 margin-bottom:76px;
 padding-left:96px}

.para>ul{
 display:inline-block;
 width:225px;
 padding-left:25px;
}
.para li>p{
 line-height:40px;
 color:#373737;
 font-size:16px;}

.rela{margin-top:75px;
 height:425px;
 margin-bottom:75px;}
.re_pro{
 padding-top:42px;
 padding-bottom:75px;
}
.re_pro>li{width:280px;
 display:inline-block;
 margin-right:16px;}
.re_text{
 font-size:18px;
 font-weight:400;
 color:#424141;
 text-align:center;
}

/*====================== B138 finish ====================*/
/*====================== coffee begin ====================*/
.coffee{background-color:#d8cfca;}
.banner_coffee{width:100%;}
.banner_coffee>img{width:100%;}
.breadc>.inner{margin-top:70px;font-size:12px;}

.alpe{height:550px;padding-top:62px;}
.cohe{font-size:36px;color:#471c15;
 font-weight:400;
 text-align:center;
 line-height:45px;}
.pe1{width:280px;}
.pe2,.pe5{width:200px;}
.pe3,.pe4{width:145px;}

.cyclec li{display:inline-block;margin-right:52px;}
.cyclec li>h3{font-size:22px;font-weight:400;color:#471c15;text-align:center;line-height:70px;}
.cyclec li>p{font-size:14px;font-weight:200;color:#705f5d;text-align:center;line-height:26px;}
#pelast{margin-right:0px;}
.lovco{
 width:100%;
 margin-top:-100px;}
.lovco>img{
 width:100%;
}
.en{
 font-size:14px;color:#471c15;
 font-weight:400;
 text-align:center;
 text-transform:uppercase;
 line-height:43px;}
.acc{
 width:100%;
}
.acc>img{
 width:100%;
}
.exa{margin-top:100px;
}
.proc{
 font-size:36px;
 color:#471c15;
 text-align:center;
 font-weight:300;
 line-height:60px;

}
.greyc{height:4px;
 width:140px;
 background-color:#605342;
 margin:0 auto;}
.parac{background-image:url(../images/coffee_26.jpg);
 height:200px;margin-top:42px;
 padding-left:100px;
}
.parac>ul{
 display:inline-block;
 width:225px;
 padding-left:25px;
}
.parac li>p{
 line-height:40px;
 color:#373737;
 font-size:16px;}
/*====================== coffee finish ====================*/
/*====================== airpurify begin ====================*/
.banner_airpu{
 width:100%;
}
.banner_airpu>img{
 width:100%;
}
.banner_p50{
 width:100%;
 margin-top:-140px;

}
.banner_p50>img{
 width:100%;
}
.icon_airpu{
 background-color:#009999;
 padding-top:40px;
 height:165px;
 margin-top:-5px;}

.cywin{width:100%;
 position:relative;
}
.cywin>img{
 width:100%;
}
.aipu_te{
 position:absolute;
 left:19%;
 width:480px;
 text-align:center;
 top:20%;}
.aipu_te>h3{
 line-height:104px;
 color:#13bdbd;
 font-size:36px;
 font-weight:400;
}
.aipu_te>p{
 line-height:34px;
 color:#444343;
 font-size:18px;
}
.forest{height:700px;
}
.forest>.inner{
 position:relative;
}
.forest>.inner>img{
 position:absolute;
 left:-360px;
}

.aipu_te2{width:460px;
 display:inline-block;
 position:absolute;
 right:65px;
 top:305px;
 text-align:center;
}
.aipu_te2>h3{
 line-height:104px;
 color:#fff;
 font-size:36px;
 font-weight:400;

}
.aipu_te2>p{
 line-height:34px;
 color:#fff;
 font-size:18px;
}
.mode .inner{
 padding-top:62px;
 height:660px;
 background-image:url(../images/airpurify_14.jpg);
 background-repeat:no-repeat;
 background-position:right bottom;
}
.mode ul{
 height:465px;
 width:450px;
 background-image:url(../images/airpu_63.jpg);
 background-repeat:no-repeat;
 padding-left:115px;
}
.mode .inner>h3{
 line-height:129px;
 color:#13bdbd;
 font-size:36px;
 font-weight:400;
 text-align:center;
}

.mode ul>li{height:99px;width:450px;
 margin-bottom:23px;}
.pu_icon{
 display:inline-block;
 width:99px;
}
.pu_icon_te{
 width:350px;
}
.pu_icon_te>h4,.pu_icon_te>p{
 display:inline-block;
 width:350px;
 color:#40bbb4;
 font-weight:400;
}
.pu_icon_te>h4{
 font-size:20px;
 font-weight:400;
}
.ash{
 width:350px;
 height:3px;
 background-image:url(../images/ash_68.jpg);
 background-repeat:repeat-x;
 margin:16px 0 15px 0;
}
.pu_icon_te>p{
 font-size:14px;
 font-weight:200px;}
.hief{
 height:594px;
}
.hief>.inner{
 position:relative;
}
.hief>.inner>img{
 position:absolute;
 left:-360px;
}
.hief>.inner{
 position:relative;
}
.aipu_te3{
 width:598px;
 position:absolute;
 right:43px;
 top:150px;
}
.aipu_te3>h3{
 line-height:104px;
 color:#13bdbd;
 font-size:36px;
 font-weight:400;
 text-align:center;
 margin-bottom:120px;
}
.aipu_te3>span{
 line-height:34px;
 color:#009999;
 font-size:18px;
 padding-left:43px;
 padding-right:15px;
}
.gx{
 height:700px;
}
.aipu_te4{
 width:616px;
}
.aipu_te4>h3{
 line-height:120px;
 color:#13bdbd;
 font-size:36px;
 font-weight:400;
 text-align:left;
 padding-top:108px;
}
.aipu_te4>p{
 line-height:62px;
 color:#444343;
 font-size:18px;
 text-align:left;
}
.gx>.inner{
 position:relative;
}
.gx_pic{
 position:absolute;
 right:0;
 top:-2px;
}
.proda{
 padding-top:70px;
 height:460px;
}
.proa{
 font-size:36px;
 color:#03bdbd;
 text-align:center;
 font-weight:300;
 line-height:60px;

}
.greya{height:4px;
 width:140px;
 background-color:#cbcccc;
 margin:0 auto;}
.paraa{background-image:url(../images/airpu_53.jpg);
 height:360px;margin-top:42px;
 padding-left:100px;
}
.paraa>ul{
 display:inline-block;
 width:310px;
 padding-left:50px;
}
.paraa li>p{
 line-height:40px;
 color:#373737;
 font-size:16px;}

/*====================== airpurify finish ====================*/
/*====================== F20 begin ====================*/
.f20_subnav{
 height:43px;
 background-color:#293841;
 text-align:center;
}
.f20_subnav ul{
 width:600px;
 margin:0 auto;
}
.f20_subnav li{
 height:43px;
 float:left;
}
.f20_subnav a{display:block;line-height:43px;padding:0 60px;color:#fff;font-size:18px;}
#smart{height:700px;
}
#smart>.inner{
 position:relative;
}
#smart>.inner>img{
 position:absolute;
 left:-360px;
}
.breadf{display:inline-block;
 position:absolute;
 font-size:12px;top:20px;}

.smart_te2{width:460px;
 display:inline-block;
 position:absolute;
 right:65px;
 top:132px;
 text-align:center;
}
.F20 h3{
 line-height:104px;
 color:#03bdbd;
 font-size:36px;
 font-weight:400;
 text-align:center;

}
.F20 p{
 line-height:34px;
 color:#444343;
 font-size:18px;
 text-align:center;
}
.bawin>.inner{
 position:relative;
 height:793px;
}
.bawin img{
 position:absolute;
 right:-122px;
 top:43px;
}
.bawin_te{
 position:absolute;
 left:0px;
 top:240px;
 width:490px;
}
.water_d{
 height:550px;
}
.water_d>.inner{
 position:relative;
}
.water_d>.inner>img{
 position:absolute;
 left:-360px;
}
.water_te{
 position:absolute;
 width:480px;
 right:55px;
 top:190px;
}
#f20_34_ti{
 padding-top:80px;
}
.f20_3{
 padding-top:50px;
}

.img_vi{
 height:550px;
 position:relative;
}
.f20_3 .img_vi img{
 position:absolute;
 left:-360px;
}
.f20_4{
 padding-top:55px;
}
.f20_4 .img_vi{
 height:600px;
 left:-360px;
}
#f20_34 h3{
 padding-bottom:18px;
}
.f20_3 h3{
 position:relative;
}
.sta3_but{
 position:absolute;
 top:36px;
 right:440px;
}
.f20_4 h3{
 position:relative;
}
.sta4_but{
 position:absolute;
 top:36px;
 right:440px;
}
.free_ch{
 padding-top:55px;
 position:relative;
}
.free_ch>.inner{
 position:relative;
}
.free_ch>.inner>img{
 position:absolute;
 left:-360px;
}
.free_tel,.free_ter{
 width:220px;
 color:#fff;
 text-align:center;
}
.free_tel{
 position:absolute;
 left:192px;
 top:138px;
}
.free_ter{
 position:absolute;
 right:192px;
 top:138px;
}
.free_tel h5,.free_ter h5{
 font-size:24px;
 font-weight:400;
}
.free_tel h6,.free_ter h6{
 font-size:20px;
 font-weight:400;
}
.free_ch{
 height:610px;
}
.paraa_F20{background-image:url(../images/airpu_53.jpg);
 height:440px;margin-top:42px;
 padding-left:100px;
}
.paraa_F20>ul{
 display:inline-block;
 width:310px;
 padding-left:50px;
}
.paraa_F20 li>p{
 line-height:40px;
 color:#373737;
 font-size:16px;}
#proda_F20{
 padding-top:70px;
 height:540px;
}

/*====================== F20 finish ====================*/

/*====================== water house begin ====================*/
.inner .banner_wh{
 position:relative;
 height:875px;

}
.banner_wh img{
 position:absolute;
 left:-360px;
}
.banner_f{
 position:relative;
 height:290px;
}
.banner_f img{
 position:absolute;
 top:-110px;
}
#wh h2{
 font-size:54px;
 color:#000;
 line-height:171px;
 font-weight:400;
 width:220px;
 margin:0 auto;
 background-image:url(../images/bg_03.jpg);
 background-repeat:no-repeat;
 background-position:bottom center;
 padding-top:42px;
}

.p_cha{
 font-size:16px;
 line-height:31px;
 color:#646464;
 text-align:center;
}
.icon_g{
 padding-top:28px;
 height:204px;
}
.icon_g li{
 width:300px;
 float:left;
}
.icon_img{
 width:100px;
 margin:0 auto;
 padding:38px 0;
}
.icon_g li p{
 font-size:16px;
 text-align:center;
}
.more_p{
 padding-top:140px;
 height:500px;
}
.more_pe{
 background-color:#f5f5f7;
}
.wh_cup{
 padding:120px 0;
}
.wh_RO{
 position:relative;
 height:766px;
}
.wh_RO img{
 position:absolute;
 left:-360px;
}
.paraa_wh{background-image:url(../images/airpu_53.jpg);
 height:440px;margin-top:42px;
 padding-left:100px;
}
.paraa_wh>ul{
 display:inline-block;
 width:350px;
 padding-left:10px;
}
.paraa_wh li>p{
 line-height:40px;
 color:#373737;
 font-size:16px;
 text-align:left;}
#proda_wh{
 padding-top:70px;
 height:540px;
}

#proda_wh .proa_wh,.rela .proa_wh{
 font-size:36px;
 color:#4375c8;
 text-align:center;
 font-weight:400;
 line-height:60px;
}

/*====================== water house finish ====================*/

/*====================== T36_new begin ====================*/

.banner_t36{
 position:relative;
 height:750px;
}
.banner_t36 img{
 position:absolute;
 left:-360px;
}
.sma_ttl_t36{
 position:relative;
 height:154px;
 padding:93px 0 64px 0;
}
.sma_ttl_t36 img{
 position:absolute;
 left:-360px;
}
.sma_ctl_t36 img{
 padding-left:86px;
}
.zjh_t36{
 margin-top:98px;
 height:860px;
 background-color:#f5f5f5;
 position:relative;
}
.zjh_t36 img{
 position:absolute;
 top:-22px;
}
.bottle_t36{
 padding:90px 0;
}
.fliter_t36{
 height:815px;
 background-color:#f5f5f5;
}
.fliter_t36_air{
 height:270px;
 padding-top:75px;
}
.f_t36_airimg{
 width:424px;
 height:274px;
 float:left;
}
.f_t36_airtxt{
 width:740px;
 float:right;
}
.f_t36_airtxt p{
 padding-top:46px;
 color:#444343;
 font-family:"宋体";
 font-size:18px;
 line-height:33px;
}
.fliter_t36_water{
 height:270px;
 padding-top:120px;
}
.f_t36_wattxt{
 width:740px;
 float:left;
}
.f_t36_watimg{
 width:424px;
 height:274px;
 float:right;
}
.f_t36_wattle{
 width:740px;
}
.f_t36_wattxt p{
 padding-top:46px;
 color:#444343;
 font-family:"宋体";
 font-size:18px;
 line-height:33px;

}
.pro_t36{
 padding-top:50px;
}
.relat36{margin-top:75px;
 height:560px;
 margin-bottom:75px;}
.rela_t36{
 padding-top:135px;}
/*====================== T36_new finish ====================*/

/*====================== P50 begin ====================*/
.smart_P50te2{width:460px;
 display:inline-block;
 position:absolute;
 left:0px;
 top:132px;
 text-align:center;
}
.bawinP50>.inner{
 position:relative;
 height:793px;
}
.bawinP50 img{
 position:absolute;
 right:-122px;
 top:-55px;
}
.bawinP50_te{
 position:absolute;
 left:445px;
 top:86px;
 width:386px;
}
.waterP50_te{
 position:absolute;
 width:379px;
 left:21px;
 top:110px;
}
.waterP50_te h1,.waterP50_te p{
 color:#fff;
}
#P50_34_ti{
 padding-top:70px;
}
.P50_3{
 padding-top:50px;
 height:710px;
}
.P50_3 h3{
 position:relative;
}
.img_vi{
 height:550px;
 position:relative;
}
.P50_3 .img_vi img{
 position:absolute;
 left:-360px;
}
.P50_4 h3{
 position:relative;
}

.P50_4{
 padding-top:55px;
}
.p50_4bg{
 height:600px;
 background-color:#f7f9fa;

}
.P50_4 .img_vi{
 height:600px;
 left:-210px;
 width:100%;
}
.paraa_P50{background-image:url(../images/P50_18.jpg);
 height:200px;margin-top:42px;
 padding-left:80px;
}
.paraa_P50>ul{
 display:inline-block;
 width:198px;
 padding-left:50px;
}
.paraa_P50 li>p{
 line-height:40px;
 color:#373737;
 font-size:16px;}
#proda_P50{
 padding-top:70px;
 height:300px;
}
/*====================== P50 finish ====================*/
/*====================== T36 begin ====================*/

.icon_T36{
 background-image:linear-gradient(0deg, #00460f 15%,#019a1d);
 padding-top:40px;
 height:165px;
 margin-top:-5px;}
.T36_subnav{
 height:43px;
 background-color:#313131;
 text-align:center;
}
.T36_subnav ul{
 width:600px;
 margin:0 auto;
}
.T36_subnav li{
 height:43px;
 float:left;
}
.T36_subnav a{display:block;line-height:43px;padding:0 60px;color:#fff;font-size:18px;}
#smart_T36{height:700px;
}
#smart_T36>.inner{
 position:relative;
 padding-top:100px;
}

#smart_T36>.inner>img{
 position:absolute;
 left:0;
}
.breadf{display:inline-block;
 position:absolute;
 font-size:12px;top:20px;}

.smart_T36_te2{width:460px;
 display:inline-block;
 position:absolute;
 left:110px;
 top:82px;
 text-align:center;
}
.smart_T36_te2 h3,.smart_T36_te2 p,.T36_c_te h3,.T36_c_te p{
 color:#444343;
}
.T36_tea>.inner{
 position:relative;
 height:729px;
}
.T36_tea>.inner>img{
 position:absolute;
 left:-360px;
}
.T36_tea_te{
 width:465px;
 position:absolute;
 right:106px;
 top:221px;
 color:#fff;
}
.T36_tea_te h3,.T36_tea_te p{
 color:#fff;
}
.T36_c{
 background-color:#ededed;
 padding-top:26px;
 height:674px;
}
.T36_c>.inner{
 position:relative;
}
.T36_c_te{
 position:absolute;
 right:0px;
 width:452px;
 top:210px;
}
.T36_4img_vi{
 height:600px;
 left:0px;
 width:100%;
}
/*====================== T36 finish ====================*/

.width1200 p span a {color: #aeaeae}
.hea_w{height:300px;
 background-color:#293841;
}
.hea_pic{width:326px;height:220px;padding-top:48px;float:left;}
.hea_txt{width:780px;float:right;padding-top:20px;color:#00feef;}
/*.hea_txt>h1{width:180px;font-size:24px;font-weight:400;line-height:79px;
 border-bottom:#00feef solid 2px;
}*/
.hea_txt>h3 {width: 180px;font-size: 24px;font-weight: 400;line-height: 79px;border-bottom: #00feef solid 2px;}

.hea_txt>p{font-size:14px;font-weight:200;line-height:26px;padding-top:20px;
}

.disc{
 color:#00feef;
 display:inline-block;
 height:50px;
 border:1px #00feef solid;
 line-height:50px;
 font-size:18px;
 text-transform:uppercase;
 border-radius:4px;
 margin-top:16px;
 position:relative;
 padding:0 40px;
 transition:padding 1s;


}
.disc:hover{
 transition:padding 1s;
 padding:0 50px;
 background-color:rgba(255,255,255,0.3);
}
.video_mask{ position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(41,56,65,0.9);}

/*====================== 2016/12/29 ====================*/
.footerf a{margin-bottom:10px;}
.footerq  a{ color:#aeaeae; font-size:12px; display:block; line-height:23px;
 transition:all 0.5s;
 -moz-transition:all 0.5s;
 -ms-transition:all 0.5s;
 -o-transition:all 0.5s;
 -webkit-transition:all 0.5s;}
.footerq  a:hover{ color:#00feef;}
.footerq  a:before{ content:""; display:inline-block; width:5px; height:10px; background:url(../images/spirit.png) no-repeat -387px -147px; margin-right:5px; vertical-align:middle;}

.disc {
 color: #00feef;
 display: inline-block;
 height: 26px;
 border: 1px #00feef solid;
 line-height: 26px;
 font-size: 16px;
 text-transform: uppercase;
 border-radius: 4px;
 margin-top: 16px;
 position: relative;
 padding: 0 40px;
 transition: padding 1s;
}


/*新版首页头部*/
.roof{  position:fixed; top:0; left:0; background:rgba(255,255,255,0.9); z-index:6; width:100%;}
.roof-t1{height:90px;}
.roof-t1 h1 a{ display:block; height:29px; width:86px; float:left; margin-top:30px;}
.roof-t1 ul{ float:right}
.roof-t1 ul li{ float:left; height:90px; line-height:90px;  font-size:14px;}
.roof-t1 ul li a {
 color: #272727;
 height: 16px;
 line-height: 16px;
 display: inline-block;
 font-size: 16px;
 transition: all 0.5s;
 -moz-transition: all 0.5s;
 -ms-transition: all 0.5s;
 -o-transition: all 0.5s;
 -webkit-transition: all 0.5s;
}
.roof-t1 ul li a span{    color: #009999;}
.roof-t1 ul li a:hover{ color:#009999;}
.roof-t1 ul li:before{ content:""; display:inline-block; height:20px; width:20px; vertical-align:middle; margin-right:3px;}
.roof-t1 ul li:nth-child(2):before{background:url(../images/icon_01.png) no-repeat center;}
.roof-t1 ul li:nth-child(2) a:nth-child(1){ border-right:1px solid #ddd; line-height:14px; margin-right:3px; padding-right:6px;}
.roof-t1 {
 height: 75px;
}
.roof-t1 h1 a {
 display: block;
 height: 29px;
 width: 86px;
 float: left;
 margin-top: 15px;
}
.roof-t2 {
 height: 35px;
 line-height: 35px;
 margin-left: -40px;
}
.roof-t2 ul li{ float:left; font-size:16px; display:block;  padding: 0 40px;width:40px; text-align:left; position:relative}
.roof-t2 ul li a{color:#272727; display:block; width:100%;
 transition:all 0.5s;
 -moz-transition:all 0.5s;
 -ms-transition:all 0.5s;
 -o-transition:all 0.5s;
 -webkit-transition:all 0.5s;}
.roof-t2 ul li:hover a{ color:#009999}
.roof-t2 ul li:hover ol li a{ color:#FFF;}
.roof-t2 ul li.active a{ color:#009999}
.roof-t2 ol{ position:absolute; top:60px; left:30px; z-index:111;
 transform:scale(0);
 -moz-transform:scale(0);
 -ms-transform:scale(0);
 -o-transform:scale(0);
 -webkit-transform:scale(0);
 transform-origin:left center;
 -moz-transform-origin:left center;
 -ms-transform-origin:left center;
 -o-transform-origin:left center;
 -webkit-transform-origin:left center;
 transition:all 0.5s;
 -moz-transition:all 0.5s;
 -ms-transition:all 0.5s;
 -o-transition:all 0.5s;
 -webkit-transition:all 0.5s;}
.roof-t2 ol li{ height:30px; width:93px; text-align:center; line-height:30px; font-size:16px; float:left; padding:0; background:url(../images/spirit.png) no-repeat -270px -164px;}
.roof-t2 ol li a{ color:#fff;}
.roof-t2 ul li.active ol li a{ color:#FFF;}
.roof-t2 ol li.on{ height:40px; width:93px; background:url(../images/spirit.png) no-repeat -270px -120px; position:relative; top:-10px;}
.roof-t2 ol li.on a{ display:block; margin-top:10px;}
.roof-t2 ul li:hover ol{ transform:scale(1);
 -moz-transform:scale(1);
 -ms-transform:scale(1);
 -o-transform:scale(1);
 -webkit-transform:scale(1);}
.root-submit{ height:38px; width:210px; float:right; margin:11px 35px 0 0; position:relative; border-bottom:1px solid rgba(120,125,130,.8);}
.root-submit input[type="text"]{ background:none; display:block; height:38px; line-height:38px; float:left; font-size:16px; color:#93999f; width:170px;}
.root-submit input[type="submit"]{ height:28px; width:28px; background:url(../images/sub-1.png) no-repeat; position:absolute; right:0; top:5px; cursor:pointer;
 transition:all 0.5s;
 -moz-transition:all 0.5s;
 -ms-transition:all 0.5s;
 -o-transition:all 0.5s;
 -webkit-transition:all 0.5s;}
.root-submit input[type="submit"]:hover{background:url(../images/sub-2.png) no-repeat;}
.littleangle{ height:30px; width:30px; background:url(../images/littleangle.png) no-repeat; cursor:pointer; position:fixed; bottom:20px; left:50%; margin-left:-15px; z-index:3}
.littleangle2{ height:30px; width:30px; background:url(../images/littleangle.png) no-repeat; cursor:pointer; position:absolute; bottom:20px; left:50%; margin-left:-15px; z-index:6}
.roof-t1{position:relative;}
.wa_life{
 position:absolute;left:0;bottom:10px;

}
.wa_life img{width:90px;}
/*新版首页头部*/

/*首页第一屏自适应 头部*/
@media screen and (max-width: 1366px) {
 .banner_video{ height:100px; width:498px; position:absolute; bottom:120px; left:0; background:url(../images/banner_bj1.png) no-repeat center;}
 .banner_video span{ font-size:24px; width:390px;}
 .banner_txt{ width:498px; height:85px; background:url(../images/banner_bj2.png) no-repeat center; position:absolute; bottom:14px; left:0; font-size:14px; color:#FFF; line-height:24px;}
 .banner_shop{ height:50px; line-height:50px; width:180px; display:block; background:#faa50a; border-radius:5px; position:absolute; bottom:24px; right:0; font-size:14px; color:#FFF; text-align:center}
}


.root-list{ float:right}
.roof-div1{ float:left;}
.root-list{ width:740px; float:right; color:#272727; font-size:12px; height:20px; line-height:20px; margin-top:-28px;}
.root-list ul li{ float:left; width:auto; margin-left:10px;}
.root-list ul li:nth-child(1):before{ content:""; display:inline-block; height:17px; width:13px; background:url(../images/icon_position.png) no-repeat; margin-right:3px; vertical-align:middle}
.root-div1{ width:160px;height:20px; background:#eeeeee; line-height:20px; position:relative; overflow:hidden}
.root-div1 ol{ position:absolute; height:60px;}
.root-div1 ol li{ width:160px; clear:both;}
.root-div1 ol li.l1:before{ content:""; display:inline-block; width:18px; height:14px;
 background:url(../images/icon_weather.png) no-repeat; vertical-align:middle; margin:0 5px 0 10px;}
.root-div1 ol li.l2:before{ content:""; display:inline-block; width:18px; height:14px;
 background:url(../images/icon_moisture.png) no-repeat; vertical-align:middle;margin:0 5px 0 10px;}
.root-div1 ol li.l3:before{ content:""; display:inline-block; width:18px; height:14px;
 background:url(../images/icon_AQI.png) no-repeat; vertical-align:middle;margin:0 5px 0 10px;}
.root-list ul li.n:before{ content:""; display:inline-block;width:18px; height:14px; background:url(../images/icon_QS.png) no-repeat; vertical-align:middle}
.root-list ul li span{ display:inline-block; margin-right:3px;}
/*首页第一屏自适应*/


/*首页产品展示修改*/
.banner_animation .animation_row1{ height:216px; width:216px; left:0; top:147px;}
.banner_animation .animation_row2{ height:292px; width:292px; left:254px; top:264px;}
.banner_animation .animation_row3{ height:300px; width:300px; left:670px; top:330px;}
.banner_animation .animation_row4{ height:150px; width:150px; top:190px; right:30px;}

.footerlogo {
 float: left;
 margin-top: 15px;
 width: 300px;
}


.kqjhq {
 background-color: #000;
 filter: alpha(opacity=50);
 -moz-opacity: 0.5;
 -khtml-opacity: 0.5;
 opacity: 0.5;
 width: 450px;
 color: wheat;
 position: absolute;
 top: 460px;
 left: 680px;
 text-align: center;
 padding: 10px 0;
}

@media screen and (max-width:1450px){
 .banner_airpu{padding-top:50px;
  background-color:#000;
 }
 .banner138{padding-top:50px;
  background-color:#000;
 }
 .banner_p50{margin-top:-50px;}
}


.water_filtration ul {position: absolute;right: -285px;top: 30px;float: left;color: #03bdbd;}
.water_filtration ul li {float: left;padding-right: 50px;font-size: 24px;}


.water_air {position: absolute;top: 405px;left: 505px;}
.water_f20air {float: right;padding-left: 15px;}
.water_f20air h3 {font-size: 16px;line-height: 25px;font-weight: 600;}
.water_f20air p {font-size: 14px;line-height: 20px;color: #888;padding-left: 40px;text-align: left;}


.consult_nava{ text-align:center; width:100%; background:#293841; height:42px; line-height:42px;z-index:2;}
.consult_nava ul{ display:inline-block}
.consult_nava ul li{ float:left; font-size:18px;}
.consult_nava ul li a{ display:block; padding:0 30px; color:#fff;}
.consult_nava ul li.active a{ color:#000000; background:#FFF;height: 42px;}

.zt{position:relative;
 top:-60px;}
.zt h3{font-size:54px;
 color:#000;
 line-height:171px;
 font-weight:400;
 width:220px;
 margin:0 auto;
 background-image:url(../images/bg_03.jpg);
 background-repeat:no-repeat;
 background-position:bottom center;
 padding-top:42px;}

.xzt h3{    font-size: 36px;
 color: #4375c8;
 text-align: center;
 font-weight: 400;
 line-height: 60px;}

.wh_zt>img{width:100%;}
.wh_zt2{position:relative;
 top:-70px;}